﻿/* 主窗口 */
.MainWindow {
    position: absolute;
    width: 640px;
    height: 700px;
    border: 1px solid gray;
    background: #d6dbe9
}

/* 游戏区域 */
.GameBoard {
    position: absolute;
    top: 30px
}

/* 菜单栏属性 */
.Menu ul {
    padding: 0;             /* 和左边界的距离 */
    margin: 0;              /* 和上边界的距离 */
    list-style-type: none   /* 去掉方块和圆 */
}

/* 菜单属性*/
.Menu ul li {
    float: left;            /* 对齐方式：左对齐(默认为上对齐)*/
    position: relative      /* 位置：相对 */
}

/* 菜单标题属性 */
.Menu ul li a {
    display: block;         /* 按块状显示 */
    text-decoration: none;  /* 去掉下划线 */
    width: 100px;           /* 宽度 */
    height: 30px;           /* 高度 */
    line-height: 30px;      /* 文字垂直居中(实际是文字高度，与自身高度相同即达到文字垂直居中效果) */
    color: #000;            /* 文字颜色 */
    background: #d6dbe9;    /* 背景色 */
    font-size: 13px;        /* 文字尺寸 */
    overflow: hidden;       /* 超出显示区域的文字不显示 */
    text-align: center      /* 文字居中 */
}

/* 菜单标题属性:当鼠标悬停时*/
.Menu ul li:hover a {
    color: black;           /* 文字颜色 */
    background: #eaf0ff;    /* 背景色 */
    border: 1px outset;     /* 边框 */
    cursor:default          /* 光标形状 */
}

/* 第一级子菜单属性 */
.Menu ul li ul {
    display: none;          /* 不显示 */
    width: 0px              /* 宽度 */
}

/* 第一级子菜单属性:当鼠标悬停时 */
.Menu ul li:hover ul {
    display: block          /* 块状显示 */
}

/* 第一级子菜单文字属性:当鼠标悬停时 */
.Menu ul li:hover ul li:hover a.SubMenu {
    background: #fdf4bf;
    color: black
}

/* 第二级子菜单属性*/
.Menu ul li:hover ul li ul {
    display: none           /* 不显示 */
}

/* 第二级子菜单属性:当鼠标悬停在第一级子菜单上时 */
.Menu ul li:hover ul li a {
    display: block          /* 块状显示 */
}

/* 第二级菜单项文字属性:当鼠标悬停时 */
.Menu ul li:hover ul li a:hover {
    background: #fdf4bf;    /* 文字颜色 */
    color: black            /* 背景色 */
}

/* 标签 */
.Label {
    position: absolute;
    font-size: 13px;
    border: solid 1px black;
    left: -1px;
    top: 670px;
    width: 640px;
    height: 29px;
    line-height: 29px
}
